{{ define "template/index.html" }}
<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script type="application/javascript" src="../../static/js/jquery-1.12.4.min.js"></script>
    <script src="../../static/js/jquery.cookie-1.4.1.min.js"></script>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css"
          integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
            integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
            crossorigin="anonymous"></script>
    <!-- 引入layui css -->
    <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui-v2.5.6/css/layui.css"/>
    <!-- 引入layui js -->
    <script src="https://www.layuicdn.com/layui-v2.5.6/layui.js"></script>
    <link rel="stylesheet" href="../../static/css/index.css">
    <title>{{.title}}</title>
</head>
<body>
<div class="head col-md-12 col-xs-12 col-sm-12">
    <div class="head_logo">
        <img src="../../static/img/login_logo.png" alt="">
    </div>
    <div class="user_menu">
        <ul>
            {{if .name}}
            <li><a id="login"><img src="../../static/img/login32.png">欢迎您：</a></li>
            <li><a id="registry" style="margin-left: -15px" onclick="showHideMenu()"><strong>{{ .name }}</strong></a></li>
            {{else}}
            <li><a href="/login"><img src="../../static/img/login32.png">登录</a> |</li>
            <li><a href="/registry" style="margin-left: -8px">注册</a></li>
            {{end}}
<!--            <li><b class="glyphicon glyphicon-globe"></b> EN</li>-->
        </ul>
    </div>
    <div class="userMenuPanel">
        <ul>
            <li onclick="workMenu(this)">我的工单</li>
            <hr>
            <li onclick="cLogout()">退出登录</li>
        </ul>
    </div>
</div>
<div class="msg_body">
    <!-- 客户工单展示数据面板 -->
    <div class="input-group search">
        <input type="text" class="form-control" name="sreachMsg" placeholder="运单号"
               aria-describedby="basic-addon2">
        <span class="input-group-addon glyphicon glyphicon-search" id="basic-addon2"
              onclick="searchWorkOrder(this)"></span>
    </div>
    <div class="sale_pan">
        <div class="return_list">
            <div class="return_title">
                <h2>工单列表</h2>
                <div class="create_btn_search">
                    <button type="button" class="btn btn-info create_btn" onclick="createWorkOrder()">创建工单</button>
                </div>
            </div>
            <div class="orderType">
                <ul>
                    <li onclick="orderType(this)">售后工单</li>
                    <li onclick="orderType(this)">维修工单</li>
                </ul>
            </div>
            <div class="workOrderTab">
                <div class="saleWorkSpan">
                    <ul>
                        <li onclick="menuBtn(this)">全部</li>
                        <li onclick="menuBtn(this)">待收货</li>
                        <li onclick="menuBtn(this)">已收货</li>
                        <li onclick="menuBtn(this)">维修中</li>
                        <li onclick="menuBtn(this)">返途中</li>
                        <li onclick="menuBtn(this)">已完成</li>
                    </ul>
                </div>
                <div class="repairWorkOrder">
                    <ul>
                        <li onclick="chooseBtn(this)">全部</li>
                        <li onclick="chooseBtn(this)">待付款</li>
                        <li onclick="chooseBtn(this)">已付款</li>
                    </ul>
                </div>
                <div class="tableData">
                    <!-- 如果有数据则隐藏该提示 -->
                    <div class="tishi">没有相关数据......</div>
                    <!--                默认不显示，只有当用户点击相关类型后才显示，且没有数据也不显示 -->
                    <div id="myWorkTable">
                        <table class="thead">
                            <col width="10%"></col>
                            <col width="20%"></col>
                            <col width="30%"></col>
                            <col width="20%"></col>
                            <col width="10%"></col>
                            <col width="10%"></col>
                            <tbody>
                            <tr>
                                <th>快递单号</th>
                                <th>类型</th>
                                <th>产品</th>
                                <th>进度</th>
                                <th>创建时间</th>
                                <th>操作</th>
                                <!--                            <th>联系地址</th>-->
                                <!--                                <th colspan="2">操作</th>-->
                                <!--                            <th>以返数量</th>-->
                                <!--                            <th>返厂时间</th>-->
                            </tr>
                            </tbody>
                        </table>
                        <div>
                            <table class="tbody">
                                <col width="10%"></col>
                                <col width="20%"></col>
                                <col width="30%"></col>
                                <col width="20%"></col>
                                <col width="10%"></col>
                                <col width="10%"></col>
                                <tbody class="table_data"></tbody>
                            </table>
                        </div>
                    </div>
                    <div class="repairWorkTable">
                        <table class="thead">
                            <col width="10%"></col>
                            <col width="20%"></col>
                            <col width="15%"></col>
                            <col width="35%"></col>
                            <col width="10%"></col>
                            <col width="10%"></col>
                            <tbody>
                            <tr>
                                <th style="display: none">num</th>
                                <th>快递号</th>
                                <th>产品</th>
                                <th>状态</th>
                                <th>创建时间</th>
                                <th>费用</th>
                                <th>操作</th>
                            </tr>
                            </tbody>
                        </table>
                        <div>
                            <table class="tbody">
                                <col width="10%"></col>
                                <col width="20%"></col>
                                <col width="15%"></col>
                                <col width="35%"></col>
                                <col width="10%"></col>
                                <col width="10%"></col>
                                <tbody class="table_data"></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 创建工单面板 -->
    <div class="createWork">
        <!-- 工单类型板块 -->
        <div class="work_head">
            <div id="title">
                <h2>创建工单</h2>
            </div>
            <div class="workType">
                <div id="type">工单类型</div>
                <div class="typeChoose">
                    <ul>
                        <li class="chooseBtn" onclick="chooseWorkType(this)">返修工单</li>
                        <li class="chooseBtn" onclick="chooseWorkType(this)">维修工单</li>
<!--                        <li class="chooseBtn" onclick="chooseWorkType(this)">服务申请</li>-->
                    </ul>
                </div>
            </div>
            <div class="warn_panel">
                <b>注意事项:</b>
                <ul>
                    <li><strong style="color: #FF5722;">已过保的产品请务必选择维修工单类型,否则造成的商品遗失本司概不负责。</strong></li>
                    <li>1. 客户在收到返修物品后如有疑问请在2个工作日内联系售后部或者业务员。</li>
                    <li>2. 电源和显卡保修标签撕毁不能在保修。</li>
                    <li>4. 因为环境原因导致主板，电源，显卡出现严重氧化严重腐蚀不保修。</li>
                    <li>5. 如果客户矿场的电压不稳定导致烧电源，烧主板，烧显卡等情况不保修。</li>
                    <li>6. 客户在使用前如有疑问请联系我司专业技术人员，如因客户自身操作错误引发的损坏不保修。</li>
                    <li>7. 如因客户自身引发的损坏或者过保的产品我司可以提供收费维修。无法修复的不收取任何费用原件返回给客户。</li>
                    <li>8. 如有返修物品寄回我司返修的请各位客户在后台填写售后维修工单，提供正确的联系方式和地址。</li>
                    <li>9. 收费维修的主板和电源客户在收到货后请在一到两个工作日确认，如果返修主板和电源有问题及时联系售后部人员，超过一个星期不在享受第二次免费维修。主板和电源上的维修日期标签撕毁不能二次免费维修。</li>
                </ul>
            </div>
        </div>
        <!-- 返回用户内容信息板块 -->
        <div class="work_Receipt">
            <div class="recriptInfo">
                <div class="recript_title">
                    <h2>寄回地址</h2>
                    <span class="retAddr" onclick="addAddress()">+ 添加地址</span>
                </div>
                <!-- 地址信息 -->
                <div class="ReceiptAddr">
                    <div class="addressTishi">
                        <!-- 当用户有默认地址时需要隐藏,没有默认地址时显示 -->
                        <span id="emptyTishi">您的地址区域开始长草了，快添加一个默认收货地址吧！</span>
                        <!-- 地址展示内容 -->
                        <div id="user_name"></div>
                    </div>
                </div>
                <!-- 维修点地址 -->
                <div class="repair_addr">
                    <div class="repair_title">
                        <h2>返修地址</h2>
                    </div>
                    <div class="chooseRepair">
                        <p class="chooseInput">
                            <label for="saleName">选择人员查看返修地址</label>
                            <select name="saleName" id="saleName"></select>
                        </p>
                        <p class="addrShow">
                            地址：广东省.东莞市.清溪镇.铁松村.香窝路18号.东莞市链力电子科技有限公司<br>联系人：<strong></strong> <br>电话：18025907087
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 设备返厂物流板块 -->
        <div class="work_device">
            <div class="device_head">
                <h2>设备信息</h2>
            </div>
            <!-- 添加设备按钮 -->
            <div class="addDeviceBtn">
                <button type="button" class="btn btn-info add_Device_Btn" onclick="addDeviceBtn()">添加设备</button>
            </div>
            <!-- 添加的设备表格 -->
            <div class="products">
                <div>
                    <table class="thead">
                        <col width="15%"></col>
                        <col width="30%"></col>
                        <col width="40%"></col>
                        <col width="15%"></col>
<!--                        <col width="15%"></col>-->
                        <tbody>
                        <tr>
                            <th>类型</th>
                            <th>产品</th>
                            <th>原因</th>
                            <th>数量</th>
<!--                            <th>操作</th>-->
                        </tr>
                        </tbody>
                    </table>
                    <div>
                        <table class="tbody">
                            <col width="15%"></col>
                            <col width="30%"></col>
                            <col width="40%"></col>
                            <col width="15%"></col>
<!--                            <col width="15%"></col>-->
                            <tbody class="table_data"></tbody>
                        </table>
                    </div>
                </div>
                <div class="bt-space" style="margin: 10px 0 0;">
                    <p class="text-right">
                        总数量: <span class="text-strong">0</span>
                    </p>
                </div>
            </div>
            <!-- 设备返回物流添加 -->
            <div class="expressInfo">
                <div class="expressTitle">
                    <h2>返厂物流</h2>
                </div>
                <div class="expressContent">
                    <div class="input_group">
                        <div class="input">
                            <span style="margin-left: -80px"><i>*</i>物流公司</span>
                            <select name="wuliu" id="wuliu"></select>
                        </div>
                        <div class="input">
                            <span><i>*</i>快递单号</span>
                            <input type="text" name="expressNum" id="expressNum" placeholder="请输入快递单号">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 提交按钮板块 -->
        <div class="work_submit">
            <button type="button" class="btn btn-info submit_btn" onclick="workSubmit(this)">提交</button>
        </div>
    </div>
    <!-- 添加设备弹框提示 -->
    <div class="device_send_con">
        <div class="device_send">
            <div class="device_send_info">
                <div id="device_warning">添加设备</div>
                <div class="deviceTishi">
                    <span>已报废的设备不予维修，已过保设备请与对应的业务沟通后再寄修</span>
                </div>
                <div class="del_device_info">
                    <ul class="list-group">
                        <li class="list-group-item">
                            <label for="deviceType">设备类型：</label>
                            <select name="deviceType" id="deviceType"></select>
                        </li>
                        <li class="list-group-item">
                            <label for="deviceName">设备名称：</label>
<!--                            <select name="deviceName" id="deviceName"></select>-->
                            <input type="text" list="deviceMater" name="deviceName" id="deviceName" placeholder="请输入商品关键字进行过滤并选择设备">
                            <datalist id="deviceMater"></datalist>
                        </li>
                        <li class="list-group-item">
                            <label for="deviceCount">设备数量：</label>
                            <input type="text" name="deviceCount" id="deviceCount" placeholder="请输入设备数量">
                        </li>
                        <li class="list-group-item">
                            <label for="deviceOrigin">问题原因：</label>
                            <input type="text" name="deviceOrigin" id="deviceOrigin" placeholder="请简述问题原因">
                        </li>
                    </ul>
                </div>
                <div class="deviceTishi">
                    <span>请确认所有数据无误后点击确认，以免造成不必要的损失</span>
                </div>
                <button class="btn btn-info confirmBtn" onclick="confirmBtn(this)">确认</button>
                <button class="btn btn-default confirmBtn" onclick="confirmBtn(this)">取消</button>
            </div>
        </div>
        <!-- 该 div 用来设置弹框的整个背景，即弹框透明的部分 -->
        <div class="device_send_mask"></div>
    </div>
    <!-- 添加地址弹框提示 -->
    <div class="address_send_con">
        <div class="address_send">
            <div class="address_send_info">
                <div id="address_warning">添加地址</div>
                <div class="del_address_info">
                    <ul class="list-group">
                        <li class="list-group-item">
                            <label for="username"><i style="color: orangered">*</i> 姓名：</label>
                            <input type="text" name="username" id="username" placeholder="请真实填写收货人姓名">
                        </li>
                        <li class="list-group-item">
                            <label for="province"><i style="color: orangered">*</i> 省份：</label>
                            <select name="province" id="province"></select>
                        </li>
                        <li class="list-group-item">
                            <label for="city"><i style="color: orangered">*</i> 城市：</label>
                            <select name="city" id="city"></select>
                        </li>
                        <li class="list-group-item">
                            <label for="userAddr"><i style="color: orangered">*</i> 地址：</label>
                            <input type="text" name="userAddr" id="userAddr" placeholder="详细地址">
                        </li>
                        <li class="list-group-item">
                            <label for="phone"><i style="color: orangered">*</i> 手机：</label>
                            <input type="text" name="phone" id="phone" placeholder="请输入联系方式">
                            <span id="address_tishi">提示：如寄回联系方式与登录联系方式不同，可删除后重新填写提交</span>
                        </li>
                    </ul>
                </div>
                <button class="btn btn-info addressConfirmBtn" onclick="addressConfirmBtn(this)"></button>
                <button class="btn btn-default addressCancelBtn" onclick="addressConfirmBtn(this)">取消</button>
            </div>
        </div>
        <!-- 该 div 用来设置弹框的整个背景，即弹框透明的部分 -->
        <div class="address_send_mask"></div>
    </div>
</div>
<!-- 支付选择面板 -->
<div class="payPanel">
    <h3>订单详情</h3>
    <hr>
    <div class="payInfo">
        <div id="orderInfo">
            <ul>
                <li><strong>订单编号：</strong><span id="orderDate"></span></li>
                <li><strong>创建时间：</strong><span id="createDate"></span></li>
                <li><strong>商品名称：</strong><span><b id="goodsName"></b> 产品维修费用</span></li>
                <li><strong>应付金额：</strong><span id="gas"></span></li>
            </ul>
        </div>
    </div>
    <div class="payChoose">
        <!--            <h3>支付方式</h3>-->
        <!--            <hr>-->
        <a id="aliPay" onclick="payMethod(this)">支付宝支付</a>
        <a id="wxPay" onclick="payMethod(this)">微信支付</a>
        <div class="returnList">
            <p onclick="payReturnBtn()">返回</p>
        </div>
    </div>
    <div class="errorTishi">
        <span id="errorsTishi" style="color: #FF5722"></span>
    </div>
</div>
<!-- 底部栏 -->
<div class="bottom col-md-12 col-xs-12 col-sm-1" style="position: fixed">
    <div class="text_url">
            <span>友情链接:
                <a href="http://cn.lianliwork.com/">链力官网</a> |
                <a href="http://sh.lianliwork.com:8088">链力售后</a> |
                <a href="http://cn.lianliwork.com/about.html">关于我们</a> |
                <a href="https://v3.bootcss.com/">bootstrap</a> |
                <a href="https://www.baidu.com/">百度</a>
            </span>
        <span id="filing">备案号：<i>粤ICP备2022032841号</i></span>
    </div>
</div>
</body>
<script type="application/javascript" src="../../static/js/index.js"></script>
</html>
{{end}}